<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; UTF-8" />
	<link
		href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.css"
		rel="stylesheet" />
	<link href="${pageContext.request.contextPath}/css/Login2.css"
		rel="stylesheet" />
	<script type="text/javascript" src="/js/jquery-1.9.1.js"></script>
	<title>Cliente</title>
</h:head>
<h:body>
	<ui:composition template="template/Layout.xhtml">
		<ui:define name="content">

			<p:growl id="mensagem" showDetail="true" autoUpdate="true"
				closable="true" />
			<div class="divCaixaLogin" style="height: 650px; margin-top: 20px">
				<div class="divLogin">
					<div class="divOuter">

						<div class="divMiddle">

							<div class="divLogin">

								<h:form id="frmCliente">
									<br />
									<p:panelGrid columns="2"
										style="horizontal-align:center; width:100%;">

										<p:outputLabel styleClass="labeltext" value="Nome:" />
										<p:inputText styleClass="textLogin" id="nome"
											value="#{clienteMB.cliente.nome}" />

										<p:outputLabel styleClass="labeltext" value="Cpf:" />
										<p:inputText styleClass="textLogin" id="cpf"
											value="#{clienteMB.cliente.cpf}" />

										<p:outputLabel styleClass="labeltext" value="Rg:" />
										<p:inputText styleClass="textLogin" id="rg"
											value="#{clienteMB.cliente.rg}" />

										<p:outputLabel styleClass="labeltext" value="Email:" />
										<p:inputText styleClass="textLogin" id="email"
											value="#{clienteMB.cliente.email}" />

										<p:outputLabel styleClass="labeltext"
											value="Data de Nascimento: " />
										<p:calendar styleClass="textLogin"
											value="#{clienteMB.cliente.datanascimento}" locale="pt_BR"
											id="dataNascimento" showButtonPanel="true">
											<f:convertDateTime pattern="dd/MM/yyyy" />
										</p:calendar>


										<p:outputLabel styleClass="labeltext" value="Endereço:" />
										<p:inputText styleClass="textLogin" id="endereco"
											value="#{clienteMB.cliente.endereco}" />

										<p:outputLabel styleClass="labeltext" value="Cep:" />
										<p:inputText styleClass="textLogin" id="cep"
											value="#{clienteMB.cliente.cep}" />

										<p:outputLabel styleClass="labeltext" value="Bairro:" />
										<p:inputText styleClass="textLogin" id="bairro"
											value="#{clienteMB.cliente.bairro}" />

										<p:outputLabel styleClass="labeltext" value="Cidade:" />
										<p:inputText styleClass="textLogin" id="cidade"
											value="#{clienteMB.cliente.cidade}" />

										<p:outputLabel styleClass="labeltext" value="Estado:" />
										<p:inputText styleClass="textLogin" id="estado"
											value="#{clienteMB.cliente.estado}" />

									</p:panelGrid>
									<br />
									<p:panelGrid columns="2"
										style="horizontal-align:center; width:100%; text-align:center;">
										<h:commandButton styleClass="btn"
											action="#{clienteMB.incluir}" value="Incluir" update="tabela" />

										<h:commandButton styleClass="btn" action="#{clienteMB.limpar}"
											value="Limpar" update="tabela" />
									</p:panelGrid>
								</h:form>
							</div>

						</div>

					</div>
					<br />
				</div>
			</div>

		</ui:define>
	</ui:composition>
</h:body>
</html>